<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma"   content="no-cache" />   
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate" />   
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/jquery.draggable-1.0.js"></script>
<script type="text/javascript" src="../js/jquery.resizable-1.0.js"></script>
<script type="text/javascript" src="../js/jquery.fishflow-1.0.js"></script>
<link rel="stylesheet" type="text/css" href="../css/fishflow.css"></link>

<!-- 本案例所特有的JS -->
<script type="text/javascript" src="sample-complex-1-data.js"></script>
<script type="text/javascript" src="sample-complex-1-setup.js"></script>

<title>最简单的案例</title>
<script language="javascript">
</script>
<!--[if lt IE 9]>
<?import namespace="v" implementation="#default#VML" ?>
<![endif]-->
</head>
<body>
<div id="dgxDemo"></div>
</body>
</html>

<script language="javascript">

/**
 *demoLinkedNodes是sample-complex-1-data.js中的变量
 *函数setupLinkedNodeData在sample-complex-1-setup.js文件中
 */
var demoData = setupLinkedNodeData(demoLinkedNodes);

var dfg = new fishflow({
	title : "FishFlow案例",
	renderTo : $("#dgxDemo"),
	width:800,
	height:600,
	editable:true,
	data:{
		//工具箱按钮
		toolBox : ["start","end","node"],
		//节点
		nodes:demoData.nodesData,
		//连接线
		lines:demoData.linesData
	}
});

</script>